<template>
    <div class="options-panel">
        <div v-show="currentPanel == 'property'">
            <div class="panel-from">

                <div class="panel-form-item">
                    <div class="item-label">字段名</div>
                    <div class="item-input">
                        <a-input v-model:value="selectItem.field" placeholder="请输入" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">半选</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.allowHalf" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">禁用</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.disabled" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">隐藏</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.hidden" />
                    </div>
                </div>
<!-- 
                <div class="panel-form-item check">
                    <div class="item-label">接口</div>
                    <div class="item-input">
                        <interfaceCallButton size="small" v-model="selectItem.data"></interfaceCallButton>
                    </div>
                </div> -->

            </div>
        </div>

        <div v-show="currentPanel == 'style'">
        </div>


    </div>
</template>
<script>

export default {
    name: "rateOptions",
    components: {
    },
    props: {
        currentPanel: {
            type: String,
            default: "property"
        },
        selectItem: {
            type: Object,
        }
    },
    data() {
        return {
            item: {},
            testUrl: "",
            testData: [],
        }
    },
    methods: {
        testFunc() {
            // console.log(this.testData);
        }
    },
    mounted() {

    },

    created() {
        
    },
}
</script>

<style>
</style>